<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" session="true" %>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<title><s:message code="M_3100_TOOL_OPE_MANAGEMENT_TAG" /></title>
	<%@ include file="/page/comPage/comCSS.html"%>
	<link href="lib/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

	<%@ include file="/page/comPage/navbar.html"%>
	<style>
		.divTop{
			padding-bottom: 5px;
		}
		.dividCss{
			border-right:1px solid lightgray;
		}
		#tabPane_tolInfo{
			margin-top:10px;
		}
		.form-group div{
			line-height: 35px;
		}
        /*#gbox_selNoListGrd{
            width: 600px;
            left: 50%;
            margin-left: -261px;
        }*/
        #gbox_reasonListGrd{
            margin-left: -11px;
        }
		#gbox_reasonListGrd{
			left:50%;
			margin-left: -197px;
		}
		/*#gbox_toolSelListGrd{
			width: 500px;
			left: 50%;
			margin-left: -227px;
		}*/
	</style>
</head>
<body>

<div class="container-fluid col-lg-10 col-md-10 col-sm-10 col-md-offset-1 col-md-offset-1 col-md-offset-1"  id="divTotal">
	<div class="row" style="height:70px">
		<button class="btn btn-primary" id="tool_pm_btn">设备保养</button>
		<button class="btn btn-primary" id="tool_trns_btn"><s:message code="TOOL_TRNS_CATE_TAG"/></button>
		<%--<button class="btn btn-warning" id="port_trns_btn"><s:message code="PORT_TRNS_CATE_TAG"/></button>--%>
		<button class="btn btn-info" id="tool_lock_btn"><s:message code="TOOL_LOCK_TAG"/></button>
		<button class="btn btn-primary " id="tool_unlock_btn"><s:message code="TOOL_UNLOCK_TAG"/></button>
		<%--<button class="btn btn-danger" id="tool_hold_btn"><s:message code="TOOL_HOLD_TAG"/></button>--%>
		<%--<button class="btn btn-success" id="tool_unhold_btn"><s:message code="TOOL_RELIEVE_HOLD_TAG"/></button>--%>
		<button class="btn btn-primary" id="tool_remark_btn"><s:message code="REMARK_TAG"/></button>
		<%--<button class="btn btn-warning" id="tool_trnMode_btn"><s:message code="TOOL_TRNS_MODE_TAG"/></button>--%>
		<button class="btn btn-info" id="query_tool_his_btn">查询设备操作历史</button>
	</div>
	<div class="row">
		<div class="col-lg-6 col-md-6 col-sm-6">
			<fieldset>
				<legend><s:message code="SEL_OPE_TOOL_TAG"/></legend>
			</fieldset>
				<div class="row ">
					<form class="form-horizontal">
						<div class="form-group">
							<label class="control-label col-lg-3" for="opeNoSel"><s:message code="OPE_ID_TAG"/></label>
							<div class="col-lg-5">
								<select id="opeNoSel" class="form-control" style="width: 100%"></select>
							</div>
						</div>
						<div class="form-group">
							<label class="control-label col-lg-3" for="toolSel"><s:message code="TOOL_ID_TAG"/></label>
							<div class="col-lg-5">
								<input id="toolSel" class="form-control" />
							</div>
						</div>
					</form>
				</div>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-6">
			<fieldset>
				<legend><s:message code="REMARK_INFO_TAG"/></legend>
			</fieldset>
			<div class="col-lg-12 col-md-12 col-sm-12">
				<textarea rows="5" cols="70" id="remarkInfo"></textarea>
			</div>
		</div>
	</div>
	<div class="col-lg-12 col-md-12 col-sm-12" id="divTotalTable">
		<ul id="mytab" class="nav nav-tabs">
			<li class="active"><a id="tab1" href="#tabPane_tolInfo" data-toggle="tab"> <s:message code="MACHINE_INFO_TAG" />
			</a></li>
			<li><a id="tab3" href="#tabPane_toolChangeHis" data-toggle="tab">  <s:message code="TOLSTATHIS_TAG" />
			</a></li>
		</ul>
		<div class="tab-content" >
			<!-- tab1 start-->
			<div class="tab-pane active row" id="tabPane_tolInfo">
				<div class="col-lg-6 col-md-6 col-sm-6 form-horizontal dividCss">
					<fieldset>
						<legend><s:message code="MACHINE_INFO_TAG" /></legend>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="toolIdSpan">
								<s:message code="TOOL_ID_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="toolIdSpan"></span>
							</div>
						</div>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="toolDscSpan">
								<s:message code="TOOL_EXPLAIN_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="toolDscSpan"></span>
							</div>
						</div>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="rotTolIdSpan">
								<s:message code="ROOT_TOOL_ID_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="rotTolIdSpan"></span>
							</div>
						</div>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="parentTolSpan">
								<s:message code="PARENT_TOOL_ID_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="parentTolSpan"></span>
							</div>
						</div>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="tolCateSpan">
								<s:message code="TOOL_CLASS_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="tolCateSpan"></span>
							</div>
						</div>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="tolModeSpan">
								<s:message code="TOOL_PATTERN_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="tolModeSpan"></span>
							</div>
						</div>
						<div class="form-group divTop">
							<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="trnsCateSpan">
								<s:message code="TRNS_CATE_TAG" />
							</label>
							<div class="col-lg-7 col-md-7 col-sm-7">
								<span id="trnsCateSpan"></span>
							</div>
						</div>
					</fieldset>

				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 form-horizontal ">
					<fieldset>
						<legend><s:message code="TOOL_STAT_INFO_TAG" /></legend>
					</fieldset>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="tolStatSpan">
							<s:message code="TOOL_STAT_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="tolStatSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="tolChdStatSpan">
							<s:message code="TOL_CHILD_STAT_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="tolChdStatSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="statDscSpan">
							<s:message code="STAT_EXPLAIN_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="statDscSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="ctrlDscSpan">
							<s:message code="OPERATE_EXPLAIN_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="ctrlDscSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="recipeIdSpan">
							<s:message code="RECIPE_ID_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="recipeIdSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="frtTolChdSpan">
							<s:message code="FRONT_TOL_CHD_STAT" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="frtTolChdSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="rcUpdUsrSpan">
							<s:message code="RC_UPDATE_USR_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="rcUpdUsrSpan"></span>
						</div>
					</div>
					<div class="form-group ">
						<label class="control-label col-lg-4 col-md-4 col-sm-4 label_class" for="rcUpdTimSpan">
							<s:message code="RC_UPDATE_TIME_TAG" />
						</label>
						<div class="col-lg-7 col-md-7 col-sm-7">
							<span id="rcUpdTimSpan"></span>
						</div>
					</div>
				</div>
			</div>
			<!-- tab1 end -->
			<!-- tab2 start-->
			<div class="tab-pane" id="tabPane_toolChangeHis">
				<br />
				<fieldset>
					<legend><s:message code="TOLSTATHIS_TAG" /></legend>
				</fieldset>
				<div id="toolStatHisListDiv" class="row">
					<table id="toolStatHisListGrd" style="height: 1px;"></table>
					<div id="toolStatHisListPg"></div>
				</div>
			</div>
			<!-- tab2 end-->
		</div>

	</div>
</div>
<!-- 选择设备状态对话框 -->
<div id="selNoDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
	<div class="modal-dialog" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" >
					<s:message code="SELECT_NO_TAG" />
				</h4>
			</div>
			<!--Modal header-->
			<div class="modal-body">
				<div id="selNoListDiv" class="row">
					<table id="selNoListGrd"></table>
					<div id="selNoListPg"></div>
				</div>
			</div>
			<!--Modal body-->
			<div class="modal-footer">
				<a id="selNoDialog_cancelBtn" class="btn" data-dismiss="modal"> <s:message code="CANCEL_TAG" />
				</a>
			</div>
		</div>
	</div>
</div>
<!-- 原因代码对话框 -->
<div id="reasonIdDialog"  class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true" >
	<div class="modal-dialog" >
		<div class="modal-content" style="width: 500px;" >
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" >
					<s:message code="REASON_NO_TAG" />
				</h4>
			</div>
			<!--Modal header-->
			<div class="modal-body" >
				<div id="reasonInputDiv" class="row">
					<div class="container-fluid col-lg-9 col-md-9 col-sm-9 col-md-offset-1 col-md-offset-1 col-md-offset-1">
						<div class="form-group">
							<label class="control-label col-lg-5" for="statId"><s:message code="STAT_NO_TAG"/></label>
							<div class="col-lg-7">
								<input id="statId" class="form-control" />
							</div>
						</div>
						<div class="form-group">
							<label class="control-label col-lg-5" for="pmEvtSeqId"><s:message code="PM_PLAN_QUERY_TAG"/></label>
							<div class="col-lg-7">
								<select id="pmEvtSeqId" class="form-control" disabled style="width: 100%"></select>
							</div>
						</div>
					</div>
				</div>
				<div id="reasonGridDiv" class="row">
					<div class="container-fluid col-lg-9 col-md-9 col-sm-9 col-md-offset-1 col-md-offset-1 col-md-offset-1">
						<table id="reasonListGrd"></table>
						<div id="reasonListPg"></div>
					</div>
				</div>
			</div>
			<!--Modal body-->
			<div class="modal-footer">
				<a id="reasonIdDialog_cancelBtn" class="btn" data-dismiss="modal"> <s:message code="CANCEL_TAG" />
				</a> <a id="reasonIdDialog_sureBtn" class="btn btn-primary"> <s:message code="SURE_TAG" />
			</a>
			</div>
		</div>
	</div>
</div>
<!-- 选择设备代码对话框 -->
<div id="toolIdSelDialog"  class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true" >
	<div class="modal-dialog" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">
					<s:message code="SELECT_NO_TAG" />
				</h4>
			</div>
			<!--Modal header-->
			<div class="modal-body" >
				<div id="toolRadioDiv" class="row">
					<div class="container-fluid col-lg-9 col-md-9 col-sm-9 col-md-offset-1 col-md-offset-1 col-md-offset-1">
						<input type="radio" name = "toolRadio" id="primaryRadio" value="primary" >
						<s:message code="PRIMARY_TAG"></s:message>
						<input type="radio" name = "toolRadio" id="childRadio" value="child" >
						<s:message code="CHILD_TAG"></s:message>
						<%--<input type="radio" name = "toolRadio" id="unitRadio" value="unit" >
						Unit--%>
					</div>
				</div>
				<div id="toolIdSelDiv" class="row">
					<div class="container-fluid col-lg-9 col-md-9 col-sm-9 col-md-offset-1 col-md-offset-1 col-md-offset-1">
						<table id="toolSelListGrd"></table>
						<div id="toolSelListPg"></div>
					</div>
				</div>
			</div>
			<!--Modal body-->
			<div class="modal-footer">
				<a id="toolIdSelDialog_cancelBtn" class="btn" data-dismiss="modal"> <s:message code="CANCEL_TAG" />
				</a> <a id="toolIdSelDialog_sureBtn" class="btn btn-primary"> <s:message code="SURE_TAG" />
			</a>
			</div>
		</div>
	</div>
</div>
<!-- 选择设备模式对话框 -->
<div id="toolModeDialog"  class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true" >
	<div class="modal-dialog" >
		<div class="modal-content" style="width: 550px;height:200px;">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="title">
					<s:message code="TOOL_TRNS_MODE_TAG" />
				</h4>
			</div>
			<!--Modal header-->
			<div class="modal-body" >
				<div id="toolModeSelDiv" class="row">
					<div class="container-fluid col-lg-9 col-md-9 col-sm-9 col-md-offset-1 col-md-offset-1 col-md-offset-1">
						<div class="form-group">
							<label class="control-label col-lg-5" for="modeId"><s:message code="TOOL_PATTERN_TAG"/></label>
							<div class="col-lg-5">
								<select id="modeId" class="form-control"></select>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--Modal body-->
			<div class="modal-footer">
				<a id="toolModeDialog_cancelBtn" class="btn" data-dismiss="modal"> <s:message code="CANCEL_TAG" />
				</a> <a id="toolModeDialog_sureBtn" class="btn btn-primary"> <s:message code="SURE_TAG" />
			</a>
			</div>
		</div>
	</div>
</div>
<!-- Le javascript
================================================== -->
<%@ include file="/page/comPage/comJS.html"%>
<!-- datetimepicker -->
<script src="lib/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="lib/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<script src="js/page/3000/3100.js" ></script>

</body>
</html>
